import React, { useState, } from "react";
import { NavLink, Outlet, } from "react-router-dom";
import "./ComJacket.scss";

export default function ComJacket() {
  return (
    <div id="comJacket" style={{position:'absolute',top:'80px',zIndex:'2'}}>
      <div id="jacket">
        <nav style={{lineHeight:'38px',display:'flex'}}>
          <NavLink style={({isActive})=>{return {color:isActive?'#d43c33':'black'}}} className='jacketLink' to='/PushMusic'>推荐音乐</NavLink>
          <NavLink style={({isActive})=>{return {color:isActive?'#d43c33':'black'}}} className='jacketLink' to='/HotMusic'>热门音乐</NavLink>
          <NavLink style={({isActive})=>{return {color:isActive?'#d43c33':'black'}}} className='jacketLink' to='/Search'>搜索</NavLink>
        </nav>
      </div>
    </div>
  );
}

